<script setup>
import TheWelcome from '@/components/TheWelcome.vue'
import ParentComp from '@/components/ParentComp.vue'
import { onMounted, onUpdated, watch, ref } from 'vue';


onMounted(() => {
})

let bookName = ref('流星蝴蝶剑')

let changeBookName = () => {
  console.log('changeBookName');
  bookName.value = '流星蝴蝶剑2'
}

onUpdated(() => {
  console.log('component updated');
})
</script>

5276

27号邮寄的

山东


<template>
  <main>
    <TheWelcome />

    <div>123123</div>
    {{ bookName }}
    <button @click="changeBookName">change bookName</button>
    <ParentComp />
  </main>
</template>
